<template>
    <view class="easy-pop-over-menu">
        <text class="more-menu-item" v-for="(item, index) in menus" :key="index" @click="menuClick(item, index)">{{
            item.name
        }}</text>
    </view>
</template>

<script>
export default {
    props: {
        menus: {
            type: Array,
            default: () => [],
        },
    },
    data() {
        return {}
    },
    methods: {
        menuClick(item, index) {
            this.$emit("menuClick", index)
        },
    },
}
</script>

<style lang="scss">
.easy-pop-over-menu {
    width: 200rpx;
    display: flex;
    flex-direction: column;
    background: $color-white;
    .more-menu-item {
        height: 74rpx;
        display: flex;
        align-items: center;
        justify-content: center;
        border-bottom: solid 1rpx $border;
        &:last-child {
            border-bottom: 0;
        }
    }
}
</style>
